{php}	add_js_plugin('nivoSlider'); {/php}
{config_load file="lang/$language/lang_$language.conf" section="product_info"}
{$PRODUCT_NAVIGATOR}


<link rel="stylesheet" href="templates/itdotmedia/css/nivo-slider.css" type="text/css">
<link rel="stylesheet" href="templates/itdotmedia/css/nivo-fullwidth.css" type="text/css">
    
<script type="text/javascript">
    $(window).load(function() {
      var slider = new $('#slider').nivoSlider({
      directionNav: false,
      pauseTime: 4000,
      effect: 'fade', 
      });
      
    });
</script>

<div class="product_komplett">
  <div{$itemscope_product}>
    <h1{$itemprop_name}>{$PRODUCTS_NAME}</h1>
  		{if $images}
      <div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 5px 0px">
  			
        <div class="slider-wrapper theme-fullwidth">
          <div id="slider" class="nivoSlider">
					{foreach item=img name=pimages from=$images}
			       <img src="{$img.path_fullwidth}" alt="{$img.alt}"/>
					{/foreach}
          </div>
          
        </div>
        
        <img src="{$images.0.path_info}" class="dn"{$itemprop_img} {$images.0.dimension_info} alt="{$images.0.alt}" />
  			
        
      </div>
      <div class="prod_description_itdotmedia">{$PRODUCTS_DESCRIPTION}</div>
  		{/if}
  		{if $BRAND_IMAGE}
  			<div class="ac mt10">
  				{if $BRAND_URL}<a href="{$BRAND_URL}">{/if}
  					<img src="{$BRAND_IMAGE}" alt="{$BRAND_NAME}" />
  				{if $BRAND_URL}</a>{/if}
  			</div>
  		{/if}
  	{include file=$template_name}
  </div>
</div>